<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>ELT Sistemas</title>
		
		<!-- INICIO CSS -->
		
		<link href="./css/bootstrap.css" rel="stylesheet">
		<script type="text/javascript"  src="./js/bootstrap-carousel.js"></script>
		<link type="text/css" href="./css/jquery.css" rel="stylesheet" />
		<link type="text/css" href="./css/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
		<link type="text/css" href="./css/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" />
		<script type="text/javascript" src="./js/jquery2.js"></script>
		<script type="text/javascript" src="js/jquery2.ui.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript" src="js/ocultar.js"></script>
		<!-- FIM CSS -->			
		
		 <style type="text/css">
	      body {
	        padding-top: 20px;
	        padding-bottom: 60px;
	      }
	
	      /* Custom container */
	      .container {
	        margin: 0 auto;
	        max-width: 1000px;
	      }
	      .container > hr {
	        margin: 60px 0;
	      }
	
	      /* Main marketing message and sign up button */
	      .jumbotron {
	        margin: 80px 0;
	        text-align: center;
	      }
	      .jumbotron h1 {
	        font-size: 100px;
	        line-height: 1;
	      }
	      .jumbotron .lead {
	        font-size: 24px;
	        line-height: 1.25;
	      }
	      .jumbotron .btn {
	        font-size: 21px;
	        padding: 14px 24px;
	      }
	
	      /* Supporting marketing content */
	      .marketing {
	        margin: 60px 0;
	      }
	      .marketing p + h4 {
	        margin-top: 28px;
	      }
	
	
	      /* Customize the navbar links to be fill the entire space of the .navbar */
	      .navbar .navbar-inner {
	        padding: 0;
	      }
	      .navbar .nav {
	        margin: 0;
	        display: table;
	        width: 100%;
	      }
	      .navbar .nav li {
	        display: table-cell;
	        width: 1%;
	        float: none;
	      }
	      .navbar .nav li a {
	        font-weight: bold;
	        text-align: center;
	        border-left: 1px solid rgba(255,255,255,.75);
	        border-right: 1px solid rgba(0,0,0,.1);
	      }
	      .navbar .nav li:first-child a {
	        border-left: 0;
	        border-radius: 3px 0 0 3px;
	      }
	      .navbar .nav li:last-child a {
	        border-right: 0;
	        border-radius: 0 3px 3px 0;
	      }
	    </style>
	    
    	<link href="./css/bootstrap-responsive.css" rel="stylesheet">
		<link rel="shortcut icon" href="./ico/favicon.ico">
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../ico/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../ico/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../ico/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="../ico/apple-touch-icon-57-precomposed.png">
  	</head>
  	<body>
	    <div class="container">
	      <div class="masthead">
	        <h3 class="muted"><a class="brand" href="index"><img src="./img/eltsistemas.png" width="200px;"> </a></h3>
	        <br>
	        <div class="navbar">
	          <div class="navbar-inner">
	            <div class="container">
	              <ul class="nav">
	                <li><a href="index">HOME</a></li>
	                <li><a href="empresa">A EMPRESA</a></li>
	                <li><a href="produtos">PRODUTOS</a></li>
	                <li><a href="suporte">SUPORTE</a></li>
	                <li><a href="contato">CONTATO</a></li>
	              </ul>
	            </div>
	          </div>
	        </div><!-- /.navbar -->
	      </div>